<!-- 主题处理 -->
<template>
  <div class="topic-message-template">
    <div id="editDivBody" :class="isInspection ? 'Inspection' : ''">
      <div class="headPortrait" v-if="uploadHtml">
        <div :disabled="textSize >= maxNum" ref="editInput" class="edit" id="editSelDiv" contenteditable="true"
          @input="editInput" placeholder="请输入消息内容" v-html="innerHtml" @paste="handlePaste">
        </div>
      </div>
    </div>
    <div class="limit">{{ textSize }}/{{ maxNum }}</div>
    <div style="margin-bottom:12px">
      <el-button v-for="item,key in itemInfo" :key="key" class="nickname" @click="addStrBtnFun(item)">{{ item }}</el-button>
      <!-- <el-button class="nickname" @click="addStrBtnFun(serviceConsultant)">{{ serviceConsultant }}</el-button> -->
      <!-- <el-button class="nickname" @click="addStrBtnFun(departments)">{{ departments }}</el-button> -->
      <el-button @click="getSpecialContent">点我</el-button>
      <el-button @click="clearTextBox">清空</el-button>
    </div>
    <p v-if="isInspection" class="Contentfilling">请填写消息内容</p>
    <div>模板数据1： {{ nowHtmlT }}
      <!-- <hr>实时数据2：{{ nowText }} -->
    </div>
  </div>
</template>

<script>
import messageTemplate from "./message-template.js";
export default messageTemplate;
</script>

<style  scoped>
@import "./message-template.css";

/deep/#editDivBody .selColor {
  display: inline-block;
  padding: 0 4px;
  margin: 0 4px;
  /* border: 1px solid #86909c;
  border-radius: 4px;
  background-color: rgba(135, 144, 156, 0.459); */
  color: #1890ff;
  font-size: 14px;
}

/deep/.mrClass {
  color: #000;
  font-size: 14px;
}
</style>